<?php 
    $titulo_encabezado_pub = ':: REGISTRO DE CARGA GRATIS ::';
    $this->set('titulo_encabezado_pub',$titulo_encabezado_pub);
?>

<br />
<h2>::: Reg&iacute;stra Tu Carga Gratis :::</h2>
<div class="span-16" id="span-16-publico">
    <p>
        Estimado usuario aqu&iacute; <strong>podr&aacute;s publicar gratis el envío de mercancia </strong> 
        que requieres transportar y estará a la vista de todos los usuarios. Si otro usuario se interesa en 
        transportar tu mercanc&iacute;a deber&aacute;s registrarte en nuestro sistema para realizar la operaci&oacute;n correspondiente. </p>
    <br />
    
    <?php echo $this->Form->create(null, array('url' => array('controller' => 'Shipment', 'action' => 'publicaCargaExpress'))); ?>
    <div class="span-15" id="span15-registrarse">
        <div class="span-6" id="span6-izq">
            <?php
                echo $this->Form->input('Correo Electr&oacute;nico', array('type' => 'email', 'name' => 'correo_registrarse'));
                echo $this->Form->input('Tel&eacute;fono', array('name' => 'telefono_registrase'));
                echo $this->Form->input('estadoOrigen', array('id' => 'sEstadosO', 'name' => 'eOrigen', 'options' => $estados, 'empty' => '(Elije Estado)'));
                echo $this->Form->input('municipioOrigen', array('id' => 'sMunicipiosO', 'name' => 'mOrigen', 'disabled', 'options' => array()));
                echo $this->Form->input('estadoDestino', array('id' => 'sEstadosD', 'name' => 'eDestino', 'options' => $estados, 'empty' => '(Elije Estado)'));
                echo $this->Form->input('municipioDestino', array('id' => 'sMunicipiosD', 'name' => 'mDestino', 'disabled', 'options' => array()));
                echo $this->Form->input('Tipo de carga', array('name' => 'tipoCarga', 'options' => $cargas, 'empty' => '(Elije tipo)'));
            ?>
        </div>
        <div class="span-6 last" id="span6-izq">
            <?php
                echo $this->Form->input('Veh&iacute;culo', array('name' => 'vehiculo', 'options' => $vehiculos, 'empty' => '(Elije Vehículo)'));
                echo $this->Form->input('Tipo de veh&iacute;culo', array('name' => 'tipoVehiculo', 'options' => $tVehiculos, 'empty' => '(Elije tipo)'));
                echo $this->Form->input('Fecha de disponibilidad', array('id' => 'fechaDisp', 'name' => 'disponibilidad'));
                echo $this->Form->input('D&iacute;as de Disponibilidad', array('name' => 'vigencia'));
                echo $this->Form->input("Comentarios", array('name' => 'comentarios'));
                echo '<br />';
                echo $this->Form->submit('Guardar', array ('class' => 'boton')); 
         ?>
        </div>
    </div>
</div>

<?php if( isset($rerror) ):
        if($rerror == true): ?>
            <div class="registroFallido">
                Lo sentimos, ocurrio un error durante el registro. Favor de intentarlo de nuevo.
            </div>
        <?php else :?>
            <div class="registroCorrecto">
                El registro se realizo satisfactoriamente.
            </div>
        <?php endif;
        endif;?>


<script type="text/javascript">
    $(document).ready(function() {
        var path = "<?php echo $this->Html->url(array('action' => 'dameMunicipios')); ?>";
        
        $("#sEstadosO").on("change", function() {
            $.post(path, { id: $("#sEstadosO").val() }, function ($municipios) {
                $("#sMunicipiosO").html("");
                $("#sMunicipiosO").append("<option value=\"\" selected>(Elije Ciudad)</option>");
                $.each($municipios, function(index, value) {
                    $("#sMunicipiosO").append("<option value=\"" + index + "\">" + value + "</option>");
                });
                $("#sMunicipiosO").removeAttr("disabled");
            }, "json");
        });
        
        $("#sEstadosD").on("change", function() {
            $.post(path, { id: $("#sEstadosD").val() }, function ($municipios) {
                $("#sMunicipiosD").html("");
                $("#sMunicipiosD").append("<option value=\"\" selected>(Elije Ciudad)</option>");
                $.each($municipios, function(index, value) {
                    $("#sMunicipiosD").append("<option value=\"" + index + "\">" + value + "</option>");
                });
                $("#sMunicipiosD").removeAttr("disabled");
            }, "json");
        });
        
        $("#fechaDisp").datepicker({
            autoSize: true,
            showAnim: "slideDown",
            monthNames: [ "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Dieciembre" ],
            dayNamesMin: [ "Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa" ],
            dateFormat: "yy-mm-dd"
        });
        
        $("#ShipmentPublicaCargaExpressForm").validate({
            rules: {
                correo_registrarse: "required",
                telefono_registrase: {
                    number: true,
                    required: true
                },
                razon_registrarse: "required",
                eOrigen: "required",
                mOrigen: "required",
                eDestino: "required",
                mDestino: "required",
                tipoCarga: "required", 
                vehiculo: "required",
                tipoVehiculo: "required",
                disponibilidad: "required",
                vigencia: {
                    number: true,
                    required: true
                }
            },
            messages: {
                correo_registrarse: {
                     required: "Favor de introducir un correo electronico",
                     email: "Tu correo debe de tener un formato valido. Ej: ejemplo@ejemplo.com"
                },
                telefono_registrase: {
                    number: "El telefono solo puede contener numeros",
                    required: "Necesitamos un telefono para poder contactarte"
                },
                razon_registrarse: "Favor de introducir una razon social",
                eOrigen: "Favor de indicar el estado origen de la ruta",
                mOrigen: "Favor de indicar el municipio origen de la ruta",
                eDestino: "Favor de indicar el estado destino de la ruta",
                mDestino: "Favor de indicar el municipio destino de la ruta",
                tipoCarga: "Favor de indicar el tipo de carga", 
                vehiculo: "Favor de indicar el vehiculo",
                tipoVehiculo: "Favor de indicar el tipo del vehiculo",
                disponibilidad: "Favor de indicar a partir de que fecha estara disponible",
                vigencia: {
                    number: "Este campo solo puede contener numeros",
                    required: "Favor de indicar cuantos dias estara disponible"
                }
            },
            errorClass: "mensajeError"
        });
    });
</script>